<template>
  <div>
    <h1>{{ msg }}</h1>
    <h2>学生姓名:{{name}}</h2>
    <h2>学生年龄:{{Myage+1}}</h2>
    <h2>学生性别:{{sex}}</h2>
    <button @click="updateAge">尝试修改收到的年龄</button>
  </div>
</template>

<script>
export default {
  name:'MyStudent',
  data() {
    return {
      msg:'我是一名学生',
      Myage:this.age
    }
  },
  methods:{
    updateAge(){
      this.Myage++
    }
  },
  // 简单声明接收
  // props:['name','age','sex'],

  // 接收的同时对数据进行类型限制
  // props:{
  //   name:String,
  //   sex:String,
  //   age:Number
  // }
  
  // 接收的同时对数据进行类型限制+默认值的指令+必要性的限制
  props:{
    name:{
      type:String, // 类型必须是字符串
      required:true // name是必须要传的
    },
    age:{
      type:Number,
      default:99
    },
    sex:{
      type:String,
      required:true
    }
  }
}
</script>